<template>
    <div class="order-search">
        <i-form class="order-search__from custom-ivu-form-item">
            <i-row>
                <i-col span="8">
                    <i-form-item>
                        <i-select slot="label" v-model="orderSelect" style="width:120px;">
                            <i-option value="0">订单号</i-option>
                            <i-option value="1">外部单号</i-option>
                            <i-option value="2">收货人姓名</i-option>
                            <i-option value="3">收货人手机号</i-option>
                        </i-select>
                        <i-input></i-input>
                    </i-form-item>
                </i-col>
                <i-col span="8">
                    <i-form-item label="订单类型：">
                        <i-input></i-input>
                    </i-form-item>
                </i-col>
                <i-col span="8">
                    <i-form-item label="维权状态：">
                        <i-input></i-input>
                    </i-form-item>
                </i-col>
                <i-col span="8">
                    <i-form-item label="商品名称：">
                        <i-input></i-input>
                    </i-form-item>
                </i-col>
                <i-col span="8">
                    <i-form-item label="订单类型：">
                        <i-input></i-input>
                    </i-form-item>
                </i-col>
                <i-col span="8">
                    <i-form-item label="维权状态：">
                        <i-input></i-input>
                    </i-form-item>
                </i-col>
                <i-col span="24">
                    <i-form-item label=" " style="margin-bottom:0">
                        <div class="button-group">
                            <i-button type="info">筛选</i-button>
                            <i-button>批量导出</i-button>
                            <i-button>生成报表</i-button>
                        </div>
                    </i-form-item>
                </i-col>
            </i-row>
        </i-form>
    </div>
</template>
<script>
export default {
    name: 'order-search',
    data() {
        return {
            orderSelect: '0'
        }
    }
}
</script>
<style lang="less" scoped>
@import '~@/assets/style/theme/index';
.order-search {
    padding: @gap;
    background: @table-thead-bg;
}
</style>


